
html,body{
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
}
#background{
    width:100%;
    height:100%;
    z-index:-1;

}

#title{
    width:30%;
    height:60px;
    background:#66ff99;
    position:absolute;
    top:20px;
    left:35%;
    background:#ccc;
    color:#212123;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    font-weight: bold;
}

#list{
    width:30%;
    height:470px;
    position:absolute;
    top:100px;
    left:35%;
}

#pageGroup{
    width:30%;
    height:50px;
    position:absolute;
    top:580px;
    left:35%;
}

.listItem{
    width:100%;
    height:45px;
    border-bottom:2px solid #212123;
    background:#FFF;
}

.listIndex{
    width:15%;
    height:45px;
    text-align: center;
    line-height: 45px;
    float:left;
    font-size: 22px;
}

.listUsername{
    width:65%;
    height:45px;
    line-height: 45px;
    float:left;
    font-size: 22px;
}
.listScore{
    width:20%;
    height:45px;
    line-height: 45px;
    float:left;
    font-size: 22px;
}

.page{
    width:16.6%;
    height:50px;
    text-align: center;
    line-height: 50px;
    background:#c2c2c2;
    float:left;
}